<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
<title>${info.name}</title>
<%@ include file="/WEB-INF/oss/iot/common/variable.jsp"%>
<%@ include file="/WEB-INF/oss/iot/common/variable_js.jsp"%>
<%@ include file="/WEB-INF/oss/iot/common/resource_lib.jsp"%>
<script type="text/javascript" src="<%=basePath%>/lib/jquery/jquery.backstretch.min.js"></script>

<style type="text/css">
	.login_container{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 460px;
	    height: 250px;
	    margin: -125px 0 0 -230px;
	    overflow: hidden;
	    box-shadow: 0 0 16px rgba(0,0,0, .4);
	    border-radius: 5px;
	}
	.title{
		position: relative;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    padding: 0 10px;
	    overflow: hidden;
	    color: #fff;
	    font-size: 16px;
	    background: -webkit-linear-gradient(left, #41d2ff , #3499da);
	    background: -o-linear-gradient(right, #41d2ff, #3499da);
	    background: -moz-linear-gradient(right, #41d2ff,#3499da);
	    background: linear-gradient(to right, #41d2ff , #3499da);
	}
	.input-password{
		width: 80%;
	    margin-top: 20px;
	    margin-left: 10%;
	}
	.info-dis{
		margin-top: 20px;
	    text-align: center;
	    font-size: 12px;
	    color: #999;
	}
</style>
</head>
<body>
	<div>
		<div class="login_container jui-form_submit" data-options=" url:'/visual/login',
												  submit:'.add-Btn',
												  success:'sunccessReturn' ">
			<p class="title">${info.name }</p>
			<input type="hidden" type-name="keycode" class="keyCode" value="${info.keycode}" >
			<div class="login-input">
				<input class="input input-big input-password" validate="empty:请输入访问密码"  type-name="password" type="password" maxlength="50" placeholder="请输入访问密码">
			</div>
			<div style="margin:0 15%;margin-top:30px;">
				<button class="button bg-sub input add-Btn">进入</button>
			</div>
			<div class="info-dis">
				<span>*输入访问密码，查看组态</span>
			</div>
		</div>
	</div>
</body>

<script type="text/javascript">
	function sunccessReturn(data){
		if(isOK(data)){
			tip("成功,进入中...");
			localStorage.setItem("ucode", data.data.user_key);
			setTimeout(function() {
				window.location.href = basePath +"/page/visual/show.html?keyCode="+ $(".keyCode").val()
			}, 300);
		}else{
			tip(data.statusMsg);
		}
	}
	
</script>
</html>